<template>
    <div id="chaxun">

<mt-header fixed title="邮件信息区">
			<router-link to="/" slot="left">
				<mt-button icon="back">返回</mt-button>
			</router-link>
			<mt-button icon="more" slot="right"></mt-button>
		</mt-header>

        </br>
      <input v-model='search' class="search" placeholder="请输入快递单号">

<div id="informationtwo"> <img src="../../assets/information.jpg"></div>
    </div>
</template>

<script>
export default {
    name: 'search',
    data () {
        return {

        }
    },
    computed: {

    },
    methods : {

        }
    }

</script>

<style>
#informationtwo{
position:relative;
margin-left:30px;
margin-top:50px;
width:85%;
height:350px;
}
#informationtwo img{
width:100%;
height:350px;
}
#chaxun{
    width:100%;
}

#chaxun span{
    width:10%;
    height:10px;
    background-color:#26A2FF;
    color:white;
    text-align:center;
    padding:13px;
    padding-left:10px;
    padding-right:10px;
}

.search{
    width:80%;
    height:39px;
    border: 1px solid #26A2FF;
    font-size:15px;
    background:url(../../assets/search.png) no-repeat;
    background-size:30px 30px;
    background-position:right;
}

.odiv img{
    height:auto;
    width:35%;
}

.odiv{
	width:93%;

	box-shadow:inset 0px 0px 0px 1px #000;
	padding:15px;
	border-radius:10px;
	font-size:16px;

}

#search{
    margin-top:15px;
}

#search ul{
    margin:3px;
    margin-left:0px;
    margin-right:0px;
    margin-top:10px;
}

.odiv a{
    position:absolute;
    float:left;
    color:black;
}

</style>
